// var list=document.getElementById('test-list').getElementsByTagName('li');
// //先定位父节点，再返回li的全部节点
// var listt=document.getElementById('test-list')
// listt.style.color='#ff0000';
// var reds=document.getElementById('test-list').getElementsByClassName('red')
// console.log(reds);

// var cs=listt.children;
// console.log(cs);

// var first=listt.firstElementChild;
// var last=listt.lastElementChild;
// console.log(first+','+last);

//练习
// 选择<p>JavaScript</p>:
 var js = document.getElementById('test-p');
// console.log(js);

// 选择<p>Python</p>,<p>Ruby</p>,<p>Swift</p>:
var arr = document.getElementsByClassName('c-red c-green')[0].children;
console.log(arr);
// 选择<p>Haskell</p>:
var haskell =document.getElementsByClassName('c-green')[1].lastElementChild;
console.log(document.getElementsByClassName('c-green')[0]);
console.log(document.getElementsByClassName('c-green')[1]);
console.log(haskell);
// 测试:
if (!js || js.innerText !== 'JavaScript') {
    alert('选择JavaScript失败!');
} else if (!arr || arr.length !== 3 || !arr[0] || !arr[1] || !arr[2] || arr[0].innerText !== 'Python' || arr[1].innerText !== 'Ruby' || arr[2].innerText !== 'Swift') {
    console.log('选择Python,Ruby,Swift失败!');
} else if (!haskell || haskell.innerText !== 'Haskell') {
    console.log('选择Haskell失败!');
} else {
    console.log('测试通过!');
}


//总结---
//getElementsByClassName()查询时使用的是模糊查询
//getElementsByClassName('c-red c-green'')[0]因为名字是可以重复的，[0]是为了拿出找到的第一个元素
